<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定义列表</title>
</head>
<body>
<!--
    dl标签:定义一个定义列表
    dt标签:定义列表的标题
    dd标签:定义列表的选项
-->
<dl>
    <dt>您最喜欢的综艺节目</dt>
    <dd>极限挑战</dd>
    <dd>王牌对王牌</dd>
    <dd>男生女生向前冲</dd>
    <dd>奔跑吧</dd>
    <!--
        同一个定义列表中不同的标题之间没有间距
    -->
    <dt>您最喜欢的电视剧</dt>
    <dd>西游记</dd>
    <dd>水浒传</dd>
    <dd>三国演义</dd>
    <dd>红楼梦</dd>
</dl>
<!--
    多个定义列表之间存在上下的边距
-->
<dl>
    <dt>您最喜欢的歌曲</dt>
    <dd>菊花台</dd>
    <dd>忘情水</dd>
    <dd>青花瓷</dd>

    <dt>您最喜欢的电影</dt>
    <dd>红海行动</dd>
    <dd>无间道</dd>
    <dd>中国机长</dd>
    <dd>寒战</dd>
</dl>
</body>
</html>